Pages HTML : extraire et manipuler des informations

L’exemple ci-dessous explique comment automatiser l’action de navigation sur une page Web, extraire des informations et les utiliser pour créer une nouvelle page HTML locale. Il contient des activités telles que Saisir dans (Type Into), Cliquer (Click), Obtenir le texte (Get Text), et Ouvrir le navigateur (Open Browser). Vous pouvez retrouver ces activités dans le package UiPath.UIAutomation.Activities.

Voici comment le processus d'automatisation peut être créé :

Ouvrez Studio et démarrez un nouveau Processus.
Ouvrez Internet Explorer et rendez-vous sur www.goodreads.com.

Faites glisser un Flowchart dans le panneau Concepteur de workflow.

Créez les variables suivantes :

Nom de variable	Types de variables	Valeur par défaut
`bookFound`	Chaîne de caractères (string)
`bookName`	ValeurGénérique

Faites glisser une activité Input Dialog dans le conteneur Flowchart et reliez-la au nœud Démarrer.
- Double-cliquez sur l’activité pour l’ouvrir.
- Ajoutez l’expression "Book Name:" dans le champ Titre.
- Ajoutez l’expression "Enter the name of a book you read:" dans le champ Libellé.
- Dans le panneau Propriétés, ajoutez la variable bookName dans le champ Résultat.
- L’activité devrait ressembler à la capture d’écran suivante :
Revenez à l’écran Flowchart.

Faites glisser un conteneur Sequence et reliez-le à l’activité Input Dialog. Ceci est utilisé pour créer un nouveau fichier .html.

Créez la variable suivante :

Nom de variable	Types de variables	Valeur par défaut
`fileExists`	Booléen

Double-cliquez sur le conteneur Sequence pour l’ouvrir et faites glisser une activité Path Existes à l’intérieur.
- Sélectionnez l’option Fichier (File) dans la liste déroulante Type de chemin d’accès (Path Type).
- Ajoutez l’expression "books.html" dans le champ Chemin.
- Dans le panneau Propriétés, ajoutez la variable fileExists dans le champ Existe.
Faites glisser une activité If sous l’activité Path Exists.
- Ajoutez la variable fileExists dans le champ Condition.
Placez une activité Write Text File dans le champ Else.
- Ajoutez l’expression "books.html" dans le champ NomFichier.
- Ajoutez le code ci-dessous dans le champ Texte (Text).
  
  <html> <head> <title>Books</title> </head> <body> </body> </html>
- L’activité devrait ressembler à la capture d’écran suivante :
Revenez à l’écran Flowchart.
Faites glisser une activité Open Browser et reliez-la au conteneur Sequence.
- Double-cliquez sur l’activité pour l’ouvrir.
- Dans le panneau Propriétés, sélectionnez l’option IE dans la liste déroulante TypeNavigateur.
- Ajoutez l’expression "https://www.goodreads.com/search" dans le champ URL. Cette action ouvre le site Web spécifié.
- Cochez la case de l’option NouvelleSession. Cette action ouvre une nouvelle session du navigateur sélectionné.

Sélectionnez le conteneur Do de l’activité Open Browser et créez la variable suivante :

Nom de variable	Types de variables	Valeur par défaut
`noResults`	ValeurGénérique

Faites glisser une activité Type Into dans la séquence Do.
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner l’application désirée. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :
- Ajoutez la variable bookName dans le champ Texte.
Placez une activité Clic (Click) sous l’activité Saisir dans (Type Into).
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner l’application désirée. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :
- Dans le panneau Propriétés, ajoutez la valeur 1000 dans le champ DélaiAvant. Un délai d’une seconde se produit avant d’effectuer toute opération.
Faites glisser une activité Get Text sous l’activité Click 'INPUT'.
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner l’application désirée. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :
- Dans le panneau Propriétés, ajoutez la variable noResults dans le champ Valeur.
Faites glisser une activité If sous l’activité Get Text 'H3'.
- Ajoutez l’expression noResults.toLower.Trim.Contains("no results") dans le champ Condition.
Placez un conteneur Sequence dans le champ Then.
Faites glisser une activité Message Box à l’intérieur du conteneur Sequence .
- Ajoutez le message "Book not found. Please search another one." dans le champ Texte. Si aucun résultat n’est disponible, ce message s’affiche.
Faites glisser une activité Close Tab sous l’activité Message Box. Cette activité ferme l’onglet ouvert dans le navigateur Web.
Placez un conteneur Sequence dans le champ Else.
Faites glisser une activité Get Text dans le conteneur Sequence.
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner l’application désirée. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :
- Dans le panneau Propriétés, ajoutez la variable bookFound dans le champ Valeur.
Faites glisser une activité If sous l’activité Get Text 'SPAN'.
- Ajoutez l’expression bookFound.ToLower.Trim.Contains(bookName.ToLower.Trim) dans le champ Condition.

Faites glisser un conteneur Sequence dans le champ Then et créez la variable suivante :

Nom de variable	Types de variables	Valeur par défaut
`realName`	Chaîne de caractères (string)

Placez une activité Click dans le conteneur Sequence.
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner le titre du livre. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :

Faites glisser un autre conteneur Sequence sous l’activité Click 'SPAN', nommez-le Get book Details et créez les variables suivantes :

Nom de variable	Types de variables	Valeur par défaut
`description`	ValeurGénérique
`author`	ValeurGénérique
`booksContent`	Chaîne de caractères (string)
`alreadyExists`	Booléen

Faites glisser une activité Get Text dans le conteneur Sequence.
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner le titre du livre. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :
- Dans le panneau Propriétés, ajoutez la variable realName dans le champ Valeur.
Placez une activité Assign sous l’activité Get Text 'H1 bookTitle'.
- Ajoutez la variable realName dans le champ À.
- Ajoutez l’expression realName.Replace(":","").Replace("'","").Trim dans le champ Valeur.
Ajoutez une activité Path Exists sous l’activité Assign.
- Sélectionnez l'option Fichier dans la liste déroulante Type de chemin d'accès.
- Ajoutez l’expression Environment.CurrentDirectory+"\"+realName+".jpg" dans le champ Chemin.
- Dans le panneau Propriétés, ajoutez la variable alreadyExists dans le champ Existe.
Faites glisser une autre activité If sous l’activité Path Exists.
- Ajoutez la variable alreadyExists dans le champ Condition.
Placez un conteneur Sequence dans le champ Then.
Faites glisser une activité Message Box à l’intérieur du conteneur Sequence .
- Ajoutez le message "Book already added." dans le champ Texte.
- Dans le panneau Propriétés, sélectionnez l’option Ok dans le menu déroulant Boutons.
Faites glisser une activité Close Tab sous l’activité Message Box. Cette activité ferme l’onglet ouvert dans le navigateur Web.
Placez un conteneur Sequence dans le champ Else.
Placez un autre conteneur Sequence à l’intérieur du précédent.
Faites glisser une activité Get Text dans le conteneur Sequence.
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner le titre du livre. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :
- Dans le panneau Propriétés, ajoutez la variable description dans le champ Valeur.
Faites glisser une activité Get Text sous l’activité getDescription.
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner le titre du livre. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :
- Dans le panneau Propriétés, ajoutez la variable author dans le champ Valeur.
Faites glisser une activité Click sous l’activité getAuthor.
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner le titre du livre. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :
- Dans le panneau Propriétés, sélectionnez l’option BTN_RIGHT dans la liste déroulante BoutonSouris. Cette action fait un clic droit sur l’image et un menu s’affiche.
- Ajoutez la valeur 89 dans le champ DécalageX.
- Ajoutez la valeur 22 dans le champ DécalageY.
- Sélectionnez l’option EnHautÀGauche dans la liste déroulante Position.
Faites glisser une activité Delay sous l’activité Click 'IMG coverImage'.
- Dans le panneau Propriétés, ajoutez la valeur 00:00:02 dans le champ Durée. Cette action fournit un délai de deux secondes.
Placez une autre activité Click sous l’activité Delay.
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner le titre du livre. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :
Faites glisser une activité Type Into sous l’activité Click 'menu item'.
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner le titre du livre. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :
- Dans le panneau Propriétés, ajoutez l’expression Environment.CurrentDirectory+"\"+realName+".jpg" dans le champ Texte.
Placez une activité Click sous l’activité Type Into 'Edit'.
- Dans l’activité, cliquez sur l’option Indiquer l’élément à l’intérieur du navigateur (Indicate element inside browser). Vous pouvez maintenant sélectionner le titre du livre. Le GIF ci-dessous montre toutes les étapes que vous devez suivre :
Faites glisser une activité Write Text File sous l’activité Click 'Button'.
- Ajoutez l’expression realName+".html" dans le champ NomFichier.
- Ajoutez le code ci-dessous dans le champ Texte.
```
"<html>
  <head>
    <title>"+realName+"</title>
  </head>
  <body>
    <a href='books.html'>BACK</a>
    <h1>"+realName+"</h1>
    <h2>by "+author+"</h2>
      <img href='"+realName+".jpg'>
    <h3>"+description+"</h3>
   </body>
 </html>""<html>
  <head>
    <title>"+realName+"</title>
  </head>
  <body>
    <a href='books.html'>BACK</a>
    <h1>"+realName+"</h1>
    <h2>by "+author+"</h2>
      <img href='"+realName+".jpg'>
    <h3>"+description+"</h3>
   </body>
 </html>"
```
Placez une activité Read Text File sous l’activité Write Text File.
- Ajoutez l’expression "books.html" dans le champ NomFichier.
- Ajoutez la variable booksContent dans le champ Condition.
Faites glisser une autre activité Write Text File sous l’activité Read Text File.
- Ajoutez l’expression "books.html" dans le champ NomFichier.
- Ajoutez la chaîne booksContent.Replace("</body></html>","<h1><a href='"+realName+".html'>"+realName+"</h1></body></html>") dans le champ Texte.
Ajoutez une activité Close Tab sous l’activité Write Text File.
Faites glisser une activité Open Browser sous l’activité Close Tab. Cette action ouvre le fichier .html nouvellement créé.
- Sélectionnez l’option IE dans la liste déroulante TypeNavigateur.
- Ajoutez l’expression "file:\\\"+Environment.CurrentDirectory+"\books.html" dans le champ URL.
Revenez à l’activité If initiale et ajoutez un conteneur Sequence dans le champ Else.
Faites glisser une activité Message Box à l’intérieur du conteneur Sequence .
- Ajoutez l'expression "Book not found. Please check the name and try again" dans le champ Texte.
Ajoutez une activité Close Tab sous l’activité Write Text File.
Exécutez le workflow. Le processus d’automatisation demande un nom de livre, le recherche sur www.goodreads.com, récupère des informations sur le livre, crée une page .html de base et la remplit avec les informations récupérées.